
<ion-header class="grid-basic-header">
  <ion-navbar>
    <ion-title>测试页面</ion-title>
  </ion-navbar>
</ion-header>

<ion-content class="grid-basic-section">
  <p>测试</p>
  <hr>
  <button ion-button (click)="presentLoading()">隐藏loading</button>
  <button ion-button (click)="presentLoading2()">提示loading</button>
  <button ion-button (click)="presentLoading3()">不隐藏Loading</button>
  <hr>
  <button ion-button color="dark" (click)="executeToastCtrl()">默认Toast</button>
  <button ion-button color="dark" (click)="executeToastCtrl2()">居中Toast</button>
  <hr>
  <button ion-button color="dark" (click)="executeDeleteAlertCtrl()">选择 alert</button>
  <button ion-button color="danger" (click)="executeAgreeAlertCtrl()">提示 alert</button>
  <button ion-button color="dark" (click)="executeMessageAlertCtrl()">消息 alert</button>
  <button ion-button color="danger" (click)="executeInputAlertCtrl()">输入 alert</button>
  <hr>
  <ion-item class="ion-item-picker">
    <ion-label>Start Date</ion-label>
    <ion-datetime class="choice-birthday"
                  displayFormat="MMM DD YYYY"
                  min="1990"
                  max="2017-10-31"
                  [(ngModel)]="event.month"
                  cancelText="取消"
                  doneText="确定"
    ></ion-datetime>
  </ion-item>
  <hr>
  <ion-item class="ion-item-picker">
    <ion-label>Fruit Picker</ion-label>
    <ion-multi-picker id="fruit"
                      [(ngModel)]="fruit"
                      item-content
                      cancelText="取消"
                      cssClass='office-agree-alert'
                      doneText="确定"
                      [multiPickerColumns]="fruits"
    ></ion-multi-picker>
  </ion-item>
  <hr>
  <button ion-button color="black" (click)="executePhotoView()">图片预览</button>
  <images-selected (imagesSelected)="imagesSelected($event)"></images-selected>

  <hr>
  <office-camera [cameraBackGround]="'assets/img/common/frontBg.svg'"
                 (imagesSelected)="getFrontCard($event)"
                 (resetSelected)="resetFrontCard($event)"
  >
  </office-camera>
  <hr>
  <office-camera [cameraBackGround]="'assets/img/common/backBg.svg'"
                 (imagesSelected)="getBackCard($event)"
                 (resetSelected)="resetBackCard($event)"
  >
  </office-camera>

</ion-content>
